.bad-reason {
  margin-top: 25rem;
  width: 530rem;
  white-space: nowrap;

  .title-box {
    position: relative;

    .title-img {
      position: absolute;
      transform: translateY(-105rem);
      z-index: -1;

      .title-img-logout {
        width: 530rem;
      }
    }

    .title {
      display: flex;
      justify-content: space-between;

      .title-content {
        font-family: DingTalk JinBuTi, serif;
        margin-left: 90rem;
        font-weight: 400;
        font-size: 20rem;
        line-height: 28rem;
        background: linear-gradient(180deg, rgba(0, 255, 246, 0.76) 0%, #E5FDFF 79%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .title-time {
        z-index: 2;
        display: flex;
        margin-right: 15rem;

        .title-time-item {
          font-family: DingTalk JinBuTi, serif;
          cursor: pointer;
          flex: 1;
          margin-left: 10rem;
          font-weight: 400;
          background: linear-gradient(180deg, rgba(0, 255, 246, 0.76) 0%, #E5FDFF 79%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 20rem;
          line-height: 24rem;
        }

        .title-time-item-active {
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.6046) 0%, #E5FDFF 79%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
    }
  }

  .form {
    margin-left: 30rem;
    margin-top: 25rem;

    .chart {
      width: 500rem;
      height: 150rem;
    }
  }
}